<template>
	<view class="main">
		<view class="air_top">
			<view class="">
				{{airnum}}
			</view>
			<view class="">
				我的空投
			</view>
			<view class="" @tap="toPage('/pages/airdrop/airdetail')">
				空投详情
			</view>
		</view>
		<view class="air_bottom">
			<view class="bot_item" style="margin-top:0">
				<view class="item_title">
					<span></span>
					空投的机会怎么获得？
				</view>
				<view class="item_tip">
					可通过活动获得，具体奖励请以活动公示为准
				</view>
			</view>
			<view class="bot_item">
				<view class="item_title">
					<span></span>
					空投藏品的标准是什么？
				</view>
				<view class="item_tip">
					空投的藏品会有2个基础要素：
				</view>
				<view class="item_tip">
					1、发行数量少
				</view>
				<view class="item_tip">
					<!-- 2、非卖品 -->
				</view>
			</view>
			<view class="bot_item">
				<view class="item_title">
					<span></span>
					空投会在什么时候下发？
				</view>
				<view class="item_tip">
					处于对空投品质要求，我们需要一些时间准备藏品。
					所以空投发放时间，以活动截止日起，3-5个工作日陆续发放。
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				page: 1,
				size: 10,
				list: [],
				total: 0,
				loading: false,
				airnum: 0
			}
		},
		computed: {},
		onReady() {},
		onShow() {
			this.getList();
		},
		onLoad() {},
		methods: {
			toPage() {
				uni.navigateTo({
					url: './airdetail'
				})
			},
			//空投次数
			async getList() {
				let data = await this.$http({
					url: this.$api.airnum,
					method: 'GET',
					hideLoading: true,
					needToken: true,
				})
				this.loading = true
				console.log('[空投次数]', data)
				if (data.code == 200) {
					this.airnum = data.data.hitnum;
				}
			}
		},

	}
</script>

<style lang="scss" scoped>
	.main {
		width: 100%;
		padding: 30rpx;
		min-height: 100vh;
		box-sizing: border-box;
		background-color: #FFFFFF;

		.air_top {
			// width:761rpx;
			height: 265rpx;
			border-radius: 10rpx;

			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			position: relative;
			background: #2C2C2D linear-gradient(135deg, #F2E0BC 0%, #D9B671 100%);

			// background-image: url(../../static/images/kongtou.png);
			// background-size:100% 100%;
			view:nth-child(1) {
				font-size: 100rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #000000;
				line-height: 36px;
			}

			view:nth-child(2) {
				font-size: 30rpx;
				font-family: Microsoft YaHei;

				color: #6F5E3E;
				font-weight: 500;
				line-height: 36px;
			}

			view:nth-child(3) {
				width: 177rpx;
				height: 67rpx;
				background: #FFFFFF;
				border-radius: 34rpx 0rpx 0rpx 34rpx;
				position: absolute;
				right: 0;
				top: 50%;
				margin-top: -33rpx;
				line-height: 67rpx;
				text-align: center;
				font-size: 28rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #6F5E3E;
			}



		}

		.air_bottom {
			// width: 769rpx;
			// height: 668rpx;
			background: #f8f8f8;
			border-radius: 20rpx 10rpx 10rpx 10rpx;
			color: #fff;
			margin-top: 22rpx;
			box-sizing: border-box;
			padding: 35rpx;

			.bot_item {
				margin-top: 30rpx;

				.item_title {
					font-size: 36rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #333333;
					// line-height: 36rpx;
					display: flex;

					// border-left:11rpx solid red;
					span {
						width: 11rpx;
						height: 33rpx;
						background: #EBBF66;
						border-radius: 10rpx;
						display: inline-block;
						margin-right: 20rpx;
						margin-top: 8rpx;

					}
				}

				.item_tip {
					margin-top: 30rpx;
					font-size: 26rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #9F9F9F;
					line-height: 36rpx;
				}

			}
		}

	}
</style>
